<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/js/swiper.min.js"></script>
		<title></title>
	</head>
	<body>
		
		<div class="swiper-container1" style="width: 100%;overflow: hidden;">
	        <div class="swiper-wrapper banner">
	        	<div class="swiper-slide">
	                <video class="fistVideo" width="100%" height="100%" controls="controls"  autoplay="autoplay">
	                	<source src="http://p9xulbi4i.bkt.clouddn.com/biguiyuan/czhls/65_201807061353.mp4" type="video/mp4"></source>
	                </video>
	            </div>
	            <div class="swiper-slide"><img width="100%" src="images/list.png" alt="" /></div>
	            <div class="swiper-slide"><img width="100%"  src="images/list.png" alt="" /></div>
	            <div class="swiper-slide"><img width="100%"  src="images/list.png" alt="" /></div>
	        </div>
	    </div>
	</body>
	<script type="text/javascript">
		var swiper1 = new Swiper('.swiper-container1', {
	        direction: "horizontal",
	        loop: true,
	        autoplay: true,
	        observer: true,//修改swiper自己或子元素时，自动初始化swiper
	        pagination: {
	            el: '.swiper-pagination',
	            type: 'bullets'
	        }
	    });
	</script>
</html>
